*{ margin: 0px; padding: 0px;}
body{ background:url(../images/bg.jpg) no-repeat center; background-attachment: fixed; margin:0 auto; height: 946px; font-family: 微软雅黑;}
#top{ width: 1115px; height: 98px; margin: auto; margin-top: 20px;}


ul,li {list-style-type:none; text-transform:capitalize;}
.clear {clear:both; *display:inline;/*IE only*/}

/*menu*/
#menu {margin:30px auto; display:block; width:1115px; height:34px;}
#nav {display:block;}
#nav .mainlevel {float:left;  text-align:center; display:block;}
#nav .mainlevel a {color:#fff; text-decoration:none; line-height:34px; height:34px; text-align:center; padding:0 5px; display:block; _width:48px; width:112px; height: 38px; }
#nav .mainlevel a:hover {color:#1e1f89; text-decoration:none; background: url(../images/2.png) no-repeat center;}
#nav .mainlevel ul {position:absolute; display:none; *width:2000px;/*IE is great need, width>=li.length*/}
#nav .mainlevel li {float:left;  font-size: 12px; letter-spacing:-1px; }
#nav .mainlevel li a {padding:0 5px; line-height:24px; height:24px; display:block; _padding-bottom:6px;/*IE6 only*/}
#nav .mainlevel li a:hover {color:#3f240e; text-decoration:none; }
#nav li a em/*input an em tag as a space*/ {padding:0 3px;}
.note {color:#3f240e; border-right:1px solid #fff;  display:block; line-height:34px; padding:0 3em;}
.Triangle_con {height:9px; background:url(../images/bird.png) 52px 0 no-repeat; display:block; _margin-bottom:-6px;/*IE6 only*/}
.log {margin:100px auto; width:1115px; text-transform:capitalize; line-height:200%;}

.js{width:90%; margin:10px auto 0 auto; }
	.js p{ padding:5px 0; font-weight:bold; overflow:hidden;  }
	.js p span{ float:right; }
	.js p span a{ color:#f00; text-decoration:underline;   }
	.js textarea{ height:100px;  width:98%; padding:5px; border:1px solid #ccc; border-top:2px solid #aaa;  border-left:2px solid #aaa;  }

	/* 本例子css */
	.focusBox { position: relative; top:20px; width:1115px; height:280px; overflow: hidden ; }
	.focusBox .pic img { width:1115px; height:280px; display: block; }
	.focusBox .hd { overflow:hidden; zoom:1; position:absolute; bottom:5px; right:10px; z-index:3}
	.focusBox .hd li{float:left; line-height:15px; text-align:center; font-size:12px; width:25px; height:10px; cursor:pointer; overflow:hidden; background:#919191; margin-left:4px; filter:alpha(opacity=80); opacity:.8; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease }
	.focusBox .hd .on{ background:#fff; filter:alpha(opacity=100);opacity:1;   }

	.focusBox .prev,
	.focusBox .next { width:45px; height:99px; position:absolute; top:91px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.2; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease}
	.focusBox .prev { background-image:url(../images/index.png); background-position:-112px 0; left:0 }
	.focusBox .next { background-image:url(../images/index.png); background-position:-158px 0; right:0 }
	.focusBox .prev:hover,
	.focusBox .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }




.warp{ width: 1112px; height: 361px; margin: auto; margin-top: 100px; background: url(../images/bg.png);}

.warp_left{ width: 260px; height: 350px; float: left; margin-left: 10px; }
.warp_left_title{ width: 260px; height: 105px; line-height: 105px; font-size: 20px; text-align: center; color: #fff; }
.warp_left_title a{  text-decoration: none;  color: #fff; }
.warp_left_main{ width: 250px; height: 200px; font-size: 12px; color: #fff; margin: auto; padding-left: 10px; line-height: 24px;}
.tubiao{ width: 24px; height: 77px; float: left; margin-top: 20px; }
@font-face {font-family: 'iconfont';
    src: url('iconfont.eot'); /* IE9*/
    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('iconfont.woff') format('woff'), /* chrome、firefox */
    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont{
    font-family:"iconfont" !important;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;}

.warp_new{ width: 270px; height: 350px; float: left;}
.warp_new ul{ list-style-type: none; }
.warp_new ul li{ line-height: 24px;font-size: 12px; margin-left: 10px; }
.warp_new ul li a{ text-decoration: none; color: #fff;}

.warp_video{ width: 260px; height: 350px; float: left; text-align: center;}
.warp_video_main{ width: 250px; height: 200px;  margin: auto;margin-top: 10px;}
.tubiao1{ width: 3px; height: 77px; float: left; margin-top: 20px; }

.warp_lx{ width: 260px;height: 350px; float: left; }
.warp_lx_main{ width: 250px; height: 200px; margin: auto; line-height: 24px; color: #fff; font-size: 12px;} 

#foot{ width: 100%; background: #c4c4c4;}
.foot{ width: 1112px; margin: auto; color: #000; line-height: 50px; text-align: center; font-size: 12px;}
.foot{color:#000;}